﻿
/*---------- FONTS -------- */

@font-face {
    font-family: 'UtilityBoldCondensed';
    src: url('UTILITY-webfont.eot');
    src: url('UTILITY-webfont.eot?#iefix') format('embedded-opentype'),
         url('UTILITY-webfont.woff') format('woff'),
         url('UTILITY-webfont.ttf') format('truetype'),
         url('UTILITY-webfont.svg#UtilityBoldCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AmbleLightCondensed';
    src: url('Amble-LightCondensed-webfont.eot');
    src: url('Amble-LightCondensed-webfont.eot?#iefix') format('embedded-opentype'),
         url('Amble-LightCondensed-webfont.woff') format('woff'),
         url('Amble-LightCondensed-webfont.ttf') format('truetype'),
         url('Amble-LightCondensed-webfont.svg#AmbleLightCondensed') format('svg');
    font-weight: normal;
    font-style: normal;

}



/*---------- GENERAL -------- */

html, body {
    padding:0;
    margin:0;
    font-family: "Helvetica", Arial, Sans-Serif;
    font-size:90%;        
}
        
    #submit, #entries, #finalists, #intro {
        width:800px;
        position:relative;
        overflow:auto;
        margin:0 auto 20px;
    }    

    h1, h2 {
        font-size:1em;
        color:#cccccc;
        text-align:center;
        font-family:'UtilityBoldCondensed';
        margin:0px;
    }
        .hidden {
	        position: absolute;
	        left: -500em;
	        top: -500em;
	        width: 400em;
	        height: 100em;
	        overflow: hidden;	
        }
    
    h1 
    {
        font-size:9em;   
        margin:0 0 -40px 140px;
        display:block;
        width:500px;

    }
        h1 span 
        {
            color:#133783;
        }

    h2 {
        font-size:3em;
        color:#01553b;
        text-align:left;
        margin:10px 0 0 30px;
        display:block;     
        clear:both;   
    }
    
        h2 span.first
        {
            color:#133783;
            text-align:left;
            margin:0 0 0 15px;
        }

        h2 span.second
        {
            color:#01553b;
            display:block;
            font-size:1.3em;
            position:relative;
            margin:-25px 0 0 45px;
        }
        
        h2 span.third
        {
            color:#133783;
            
            text-align:right;
            margin:-110px 30px 0 0;
            display:block;            
        }        

        #submit h2 
        {
            margin-left:20px;
        }
        
        #intro h2 
        {
            margin-bottom:10px;
        }
    
    p {
        padding:10px;
        margin:20px;
        font-family: 'AmbleLightCondensed';
    }
    
        #intro p 
        {
            
            padding:0;
            margin:0 20px 5px 20px;
            font-size:1.2em;
            line-height:1.1em;
            text-align:center;
        }
        
        p#status 
        {
            text-align:center;
            margin: 3px 0 0 0;
            font-size:1.2em;
            font-weight:bold;
            font-color:#01553b;
        }
        
        p#finalistText
        {
            display:block;
            width:800px;
            float:left;
            margin:5px auto 0;
            position:relative;
            text-align:center;
            padding:0;
        }
        
        p.charsRemaining 
        {
            font-size:0.8em;
            margin:5px;
            text-align:center;
            }
           
        
        p#connect 
        {
            text-align:center;
            width:600px;
            margin:0 auto;
        }
        
        span.voteCount {
            width:160px;
            display:block;
            text-align:center;
        }
        
        span.entrantName {
            position:relative;
            float:left;
            width:100%;
            padding:3px 0 5px 0;
            font-size:0.9em;
        }
    
    div.entryHolder {
        padding:5px;
        font-family: 'AmbleLightCondensed';
        background:#eeeeee;
        margin:5px 5px 5px 5px;
        color:#333;
        float:left;
        width:140px;
        overflow:auto; 
    }
    
        div.entryHolder.text p {
            height:130px;
            margin:0;
            padding:0;
            background:#e5e5e5;
            padding:5px;
        }
        
        div.entryHolder:hover {
            background:#eeeeee;
        }    
    
        div.entryHolder img {
            width:140px;
            height:140px;
            border:0;
            border-width:0;
        }   
        
    div.finalistWrapper 
    {
        float:left;
        font-family: 'AmbleLightCondensed';        
    }
    
    div.entryHolder.winner 
    {
        background:#006f53;
        color:#ffffff;
    }
        div.entryHolder.winner a, div.entryHolder.winner a:visited
        {
            color:#ffffff;
        }
    
        div.finalistWrapper h3 
        {            
            margin:0 0 3px 0;
            text-align:center;
            color:#01553b;
            font-size:1.3em;
        }
    
    div#shareApp 
    {
        font-family:'UtilityBoldCondensed';
        font-size:2.3em;
        color:#eeeeee;
        text-transform:uppercase;
        float:right;
        display:block;
        margin:70px 50px 0 0;  
        background:#01553b;      
        padding:10px;
        position:relative;
    }
    
        div#shareApp a, div#shareApp a:visited
        {
            color:#eeeeee;
        }
        
        div#shareApp a:hover, div#shareApp:hover a 
        {
            color:#01553b;
            text-decoration:none;
        }
        
        div#shareApp:hover 
        {
            background:#eeeeee;
        }
    
    a 
    {
        text-decoration:none;
    }
    
        a:hover 
        {
            text-decoration:underline;
        }
           
        a.popup, a.popupVideo {
            width:140px;
            height:140px;
            display:block;
            overflow:hidden;
        }
        
        a.vote, a.share 
        {
            font-size:1.1em;
        }       
        
        a.share {
            width:auto;
            clear:both;
            display:block;
            float:right;
            margin:0 3px 0 0;
        }
    
        a.finalist {
            float:left;
            clear:both;
        }
    
/************* FORM STYLING ***************/
    
#Form1 {
    background-color: #eeeeee;
    width: 780px;
    padding:0 5px;
    overflow:auto;
    margin:0 auto;
}

    #Form1 fieldset {
        width: 240px;
        border: 0;
        margin: 0;
        padding: 10px;
        float: left;
    }
    
        #Form1 fieldset legend 
        {
            font-family:'UtilityBoldCondensed';
	        font-size: 7em;
	        color: #FFFFFF;
	    } 
	    
        #Form1 fieldset:hover legend {
            color:#006f53;
        }    

            #Form1 fieldset legend span {
	            display: none;
	        }
	    
        #Form1 fieldset h3 {
	        height: 2em;
	        margin-top:0;
	        font-size: 1em;
	        font-weight: lighter;
	    }
	    
        #Form1 fieldset div.help {
	        color: #01553b;
	        font-size: 0.7em;
	        font-weight: bold;
	        height: 5em;
	    }
	    
        #Form1 fieldset label {
	        font-size: 0.7em;
	        display: block;
	        line-height: 1.5em;
	    }
	    
        #Form1 textarea {
            width:230px;
            height:60px;
        }

        #Form1 #pt3 input {
            width:230px;
        }	    
	
/* Error Styling */
#Form1 fieldset.error, #Form1 fieldset.error legend, #Form1 fieldset.error div.help {
	color: #006f53;
}
	
#Form1 fieldset strong.error {
	color: #fff;
	background-color: #CC0000;
	padding: 0.2em;
	font-size: 0.7em;
	font-weight: bold;
	display: block;
}
	
	#Form1 #MainContent_status {
	    text-align:center;
	    color:Red;
	}

/* Part 4 Styling */
#Form1 #pt4 {
	clear: both;
	width: 500px;
	height: 5em;
	border-top: 1px #999999;
	border-style:dotted;
	padding-top:25px;
	padding-bottom:22px;
	margin:0 auto;
	float:none;
}
    
    #Form1 #pt4 legend, #Form1 #pt4 h3 {
	    display: none;
	}

    #Form1 #pt4 #disclaimer {
	    width: 22em;
	    float: left;
	    font-size: 0.7em;
	}
	
    #Form1 #pt4 input, #UploadButton {
	    height: 60px;
	    font-size: 1em;
	    width: 230px;
	    color: #666666; 
	    background: #f3f3f3;
	    font-weight: bold;
	    border-bottom: 	1px solid #999999;
	    border-right: 1px solid #999999;
	    border-top: 1px solid #CCCCCC;
	    border-left: 1px solid #CCCCCC;	
	    float: right;
	    padding-right:0;
    }

        #Form1 #pt4 input:hover {
            cursor:pointer;
            background:#cccccc;
            color:#ffffff;
        }



